<template>
    <!-- 组件模板内容 -->
    <div :class="['confim',classname,disablebtn ? 'disable' : '' ]">
        <a href="javascript:;" class="db ft16 clfff tc br_2" @click="confimBtn">{{copy}}</a>
    </div>

</template>

<script>
    /**
     *  引入工具类库 或 Navtive API
     *  example : import widget from 'gapi/widget'
     */
    /**
     *  引入Action
     *  example : import { someFunction } from './SomeAction'
     */
    
    /**
     *  引入Getter
     *  example : import { someFunction } from './SomeGetters'
     */
     //disablebtn 对button 禁用状态样式显示 同时防止连续点击
     //copy 为按钮文案
     //cbfn 为点击按钮触发父组件的回调函数
     //classname css 类名
    export default {
        data:function(){
            return {
            }
        },
        props:{
            disablebtn:{
                type:Boolean,
            },
            copy:{
                type:String
            },
            cbfn:{
                type:String
            },
            classname:{
                type:String,
                default:''
            }
        },
        methods: {
            confimBtn(){
                if(this.disablebtn)return;
                this.$emit(this.cbfn)
            }
        }
    }

    
</script>

<!-- CSS 样式 -->
<!-- <style src="static/css/global.css"></style> -->
<style type="text/css">
    .confim{
       margin: 16px 20px 0; 
       height: 48px;
    }
    .confim a{
        width: 100%;
        line-height: 44px;
        /*background-image: -webkit-linear-gradient(226deg, #FE4C50 0%, #F0195C 100%);
        background-image: linear-gradient(-136deg, #FE4C50 0%, #F0195C 100%);;*/
        background: #FFAA00;
        border-radius: 5px;
    }
    .disable a{
        width: 100%;
        line-height: 48px;
        background-color: rgba(255, 170, 0, 0.4);
        border-radius: 5px;
    }
</style>

